<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>You have toast</title>
		
		<style type="text/css">
		body {
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 12px;
			padding: 10px;
			background: #7696FF no-repeat url("images/toast-bg.png");
			color: #273254;
			display: none;
		}
		h1, h2 {color: #273254}
		</style>
		
		<script type="text/javascript" src="lib/air/AIRAliases.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery.timers-1.1.2.js"></script>
		<script type="text/javascript" src="js/sonic-ui.js"></script>
		
		<script type="text/javascript">
	
			$( document ).ready( function(){
				window.nativeWindow.activate(); 
				window.nativeWindow.alwaysInFront = true;  
				
				$( "div#toastMSG" ).html( window.opener.msg.text )
				$( "body" ).fadeIn( "slow" );
				
				
				$( this ).oneTime( 5000, function() {
					$( "div#toastMSG" ).fadeOut( 1000, function () {
						window.close(); 
				    }); 
				});
				
			});
		
		</script>
	</head>
	<body>
		<div id="toastMSG" style="text-align: center; vertical-align: middle;">...</div>
	</body>
</html>
